/* CSS Document */

@media (max-width:1200px) {
	.foBot{ width: 100%; text-align: center;}
	.foBot p{ width: 100%;}
	
	
}

@media( max-width:1024px){
	
}

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:30px 0;}
	.navbar-toggle .icon-bar{background:#FFFFFF; width:30px; height:4px;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:130px; position:absolute; right:0px; top:86px; z-index:999 !important; max-width:100%; display:none;}
	.top-head .sjdnav ul{ margin:0; padding:0;}
	.top-head .sjdnav li{display:block; padding:0; text-align:center; background:rgba(0,0,0,0.7); margin-bottom:0px;}
	.top-head .sjdnav .acta{color:#fff; background:#b00106;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:14px;}
	.top-logo{ padding-right:15px;}

	.mboxRh{ width: 100%; padding-left: 0; float: right; margin-top: 15px;}
	.mboxLf{ width: 100%; overflow: hidden;}
	.accordion{ display: none;}
	.accordion li{ margin-top: 4px;}
	.accordion li a{ line-height: 40px; font-size: 14px; padding-left: 0; text-align: center; }
	.mlf-top{ position: relative;padding: 0; font-size: 23px; line-height: 50px;}
	.mlf-top span{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
	.mlf-top p{ border-bottom: 0; padding: 0;}
	
	
	.top-header{ width: 100%; background: rgba(176,1,6,0.9); z-index: 9999; position: fixed; top: 0; }
	.banner{ margin-top: 86px;}
	
	
	.wrap6{ padding-bottom: 0;}
	.wpForm{ position: static; transform:none; width: 500px; margin: 20px auto; max-width: 100%; }
	.fo_lf{ width: 48%;}
	.fo_rh{ width: 48%;}
	.foTop{ min-height: auto; padding-bottom: 10px; }
	.ab_more{ left: auto;}
	.abText{ padding: 0; margin-top: 15px; }
	
	.wrap1{ padding-top: 40px;}
	.case_t{ width: 100%; text-align: center; height: auto; margin-bottom: 30px; }
	.case_t a{ display: none;}
	.case_li{ float: left !important; width: 25%; }
	.case_li:nth-last-child(1){ width: 33.3%;}
	.case_li:nth-last-child(2){ width: 33.3%;}
	.case_li:nth-last-child(3){ width: 33.3%;}

}

@media (max-width:768px) {
	.footer{ margin-bottom: 56px; padding: 15px 0; }
	.foTop{ display: none;}
	.wrap6{ display: none;}
	.case_li p{ font-size: 16px;}
	.case_li{ width: 50%;}
	.case_li:nth-last-child(5){ float: right !important; }
	
	.li02{ padding: 10px 0;}
	.li02 .li02_img{ width: 200px; height: 120px; }
	.li02 .li02_txt{ line-height: 25px; height: 50px; margin: 5px 0; }
	.li02 .li02_text span{ line-height: 20px;}
	
	
}

 @media (max-width:640px) {

 	
}

 @media (max-width:540px) {	 	
 	.navbar-toggle{ padding: 20px 0;}
 	.top-head .sjdnav{ top:66px;}
 	.banner{ margin-top: 66px;}
 	
 	.newLf .newLf_li{ padding: 5px;}
 	.newRh .newRh_li{ padding: 5px 0;}
	.newLf .newLf_li p{ font-size: 12px; line-height: 22px; height: 44px; }
	.newLf .newLf_li h3{ font-size: 15px; line-height: 25px;}
	
	.caseTab li a{ font-size: 12px; line-height: 36px; width: 110px; }
	
 	.swiper-caseWrap h3{ font-size: 14px; line-height: 36px; }
 	
 	.index-tit h3{ font-size: 24px; line-height: 25px; }
 	.index-tit p{ line-height: 25px;}
	
	.li01{ padding: 5px;}
 	.li01 h3{ font-size: 13px; line-height: 36px; }
	
	.mlf-top{ font-size: 21px; line-height: 45px; }
	
	.li02 .li02_text{ padding-left: 10px;}
	.li02 .li02_txt{ margin: 0; font-size: 12px; }
	.li02 .li02_img{ width: 160px; height: 100px; }
	
}

 @media (max-width:450px) {
 	.top-logo .logo1{ display: none;}
 	.top-logo .logo2{ display: block; max-height: 50px;}
 	
 	.case_t h3{ font-size: 24px; margin-bottom: 10px; }
 	.case_t .p1{ font-size: 16px;}
 	.case_t .p2{ font-size: 12px; line-height: 21px; }
 	.case_li{ height: 180px;}
 	.case_li:nth-last-child(2){ display: none;}
 	.case_li:nth-last-child(1){ width: 50%; background: #B00106;}
 	.case_li:nth-last-child(3){ width: 50%; }
 	
 	.abText h3{ font-size: 18px;}
 	.abText .abTxt{ margin-top: 10px;}
 	
 	
 	
 	
}
 

 @media (max-width:415px) {	
 	.mlf-top i{ display: none;}
 	
 	
}
 @media (max-width:350px) {
 
 	
 	
	
}
 @media (max-width:320px) { 


 }











